<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>比价搜索</title>
  <link rel="stylesheet" href="./fonts/font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="css/productlist.css">
</head>

<body>
  <div class="mbuy-layout">
    <!-- 头部 -->
    <div class="mbuy-header">
      <div class="logo"></div>
      <div class="app"></div>
    </div>
    <!-- 搜索 -->
    <div class="mbuy-search">
      <input type="search" id="search" placeholder="请输入你想比价的商品">
      <input type="button" value="搜索">
    </div>
    <!-- 导航 -->
    <div class="navbar">
      <a href="index.html">首页</a><span>></span>
      <a href="category.html">全部分类</a><span>></span>
      <a href="productlist.html">电视</a><span>></span>
      <button class="select">筛选</button>
    </div>

    <!-- 商品列表 -->
    <div class="prods-list">
      <ul class="items">

        <li>
          <a href="bijia.html?productid=0">
            <div class="left">
              <img src="./images/haitao.png">
            </div>
            <div class="right">
              <div class="prc">
                <p>乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视</p>
              </div>
              <div class="info">
                <span>￥1999.00</span>
              </div>
              <div class="other">
                <span>报价(222)</span>
                <span>评论(222)</span>
              </div>
            </div>
          </a>
        </li>

      </ul>
    </div>
    <!-- 分页 -->
    <div id="pagination">
      <button class="btn1">上一页</button>
      <select>
        <option value="1">1/15</option>

      </select>
      <button class="btn2">下一页</button>
    </div>

    <!-- 底部 -->
    <div class="mbuy-footer">
      <ul>
        <li>登录</li>
        <li>注册</li>
        <li class="goTop"><img src="http://www.zuyushop.com/wap/images/top.jpg">返回顶部</li>
      </ul>
      <p><a href="#" class="mobile">手机APP下载</a> <a href="index.html">慢慢买手机版</a><span>-- 掌上比价平台</span></p>
      <p>m.manmanbuy.com</p>
    </div>
  </div>
</body>
<!-- 面包屑导航模板 -->
<script type="text/html" id="tmp">
  {{each result v i}}
    <a href="index.html">首页</a><span>></span>
    <a href="category.html">全部分类</a><span>></span>
    <a href="productlist.html?categoryid={{v.categoryId}}&category={{v.category}}">{{v.category}}</a><span>></span>
    <button class="select">筛选</button>
  {{/each}}
</script>

<!-- 列表页模板 -->
<script type="text/html" id="tmp2">
  {{each result v i}}
    <li>
      <a href="bijia.html?productid={{v.productId}}">
        <div class="left">
          {{@ v.productImg}}
        </div>
        <div class="right">
          <div class="prc">
            <p>{{v.productName}}</p>
          </div>
          <div class="info">
            <span>{{v.productPrice}}</span>
          </div>
          <div class="other">
            <span>{{v.productQuote}}</span>
            <span>{{v.productCom}}</span>
          </div>
        </div>
      </a>
    </li>
  {{/each}}
</script>
<!-- 分页模板 -->
<script type="text/html" id="tmp3">
  <button class="btn1">上一页</button>
  <select>
    <%
      for(var i=1;i <= total;i++){
    %>
    {{ if id == i }}
      <option value="{{i-1}}" selected>{{ i }}/{{ total }}</option>
    {{ else }}
      <option value="{{i-1}}">{{ i }}/{{ total }}</option>
    {{ /if }}
    <%
      }
    %>
  </select>
  <button class="btn2">下一页</button>
</script>
<script src="./lib/artTemplate/template-web.js"></script>
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/productlist.js"></script>

</html>